<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link href="css/layui.css" rel="stylesheet" />
	</head>

	<body>
		<div class="container">
			<div class="content">
				<div class="banner">
					<img src="img/background.jpg" width="100%" />
				</div>
				<div class="text">
					
					<div class="layui-bg-gray" style="padding: 0px;">
					 
					    <div class="layui-col-md6">
					      <div class="layui-card">
					        <div class="layui-card-header">绑定借书证</div>
					        <div class="layui-card-body">
					          <form class="layui-form" action="">
					          </form>
					        </div>
					      </div>
					    </div>
						
						
					    <div class="layui-col-md6">
					      <div class="layui-card">
					        <div class="layui-card-header">卡片面板</div>
					        <div class="layui-card-body">
					          结合 layui 的栅格系统<br>
					          轻松实现响应式布局
					        </div>
					      </div>
					    </div>
					  
					</div> 
					
					background-image:用于设置需要显示背景图片； 

例如-->background-image:url(demo.jpg);


大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹

那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）
大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹

那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）
大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹

那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）
大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹

那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）
大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹

那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）
大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹

那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）


那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）

那么填写//abc/demo.jpg;-->background-image:url(abc/demo.jpg);

3、如果该css文件和背景图片不在同一文件夹下，（背景图片在abc文件下，而abc文件夹和css文件所在文件夹并列）

那么填写../abc/demo.jpg;-->background-image:url(../abc/demo.jpg);


相对.css所在的目录而言：
“../”表示上一级目录开始 
“./”表示当前同级目录开始 
“/”表示根目录开始。
../../  表示源文件所在目录的上上级目录
————————————————
background-image:用于设置需要显示背景图片； 

例如-->background-image:url(demo.jpg);


大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg）

1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹

那么直接填写demo.jpg；-->background-image:url(demo.jpg);

2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹（abc）

那么填写//abc/demo.jpg;-->background-image:url(abc/demo.jpg);

3、如果该css文件和背景图片不在同一文件夹下，（背景图片在abc文件下，而abc文件夹和css文件所在文件夹并列）

那么填写../abc/demo.jpg;-->background-image:url(../abc/demo.jpg);


相对.css所在的目录而言：
“../”表示上一级目录开始 
“./”表示当前同级目录开始 
“/”表示根目录开始。
../../  表示源文件所在目录的上上级目录</div>
			</div>
			<div class="bottom">
				<div class="left">
					<div class="photo"></div>
					<div class="text"></div>
				</div>
				<div class="right">
					<div class="photo"></div>
					<div class="text"></div>
				</div>
			</div>
		</div>
		<script src="js/layui.js" type="text/javascript"></script>
		<!-- <script src="js/mui.js"></script> -->
		<script type="text/javascript">
			
		</script>
	</body>

</html>